body { margin: 0px; padding: 0px; background-color: #477fae; background-repeat: no-repeat; background-position: bottom left; height: 100%; }
div,p { font-family: Tahoma, Calibri; font-size: 12px; }

.bodyhead1 { background-color: #c1c5c8; height: 17px; border-color: #dfe0e4; border-width: 0px 0px 1px 0px; border-style: solid; background-image: url('bodyhead1bg.png'); }
.bodyhead2 { background-color: #193356; height: 88px; border-color: #7ca5c5; border-width: 0px 0px 1px 0px; border-style: solid; padding: 10px 4% 0px 4%; }

.bodyhead2 a.logo, .bodyhead2 a.logo:visited { color: #cfd3d4; text-decoration: none; font-size: 60px; font-family: "Trebuchet MS", "Calibri"; }
.bodyhead2 div.logo { float: left; }
.bodyhead2 div.userinfo { float: right; margin: 20px 0px; padding: 3px; color: #ffffff; background-color: #162635; border-color: #485865; border-style: solid; border-width: 1px; }
.bodyhead2 div.userinfo a, .bodyhead2 div.userinfo a:visited { color: #ffffff; font-size: 11px; }

.bodynav { background-color: #162635; border-color: #485865; border-style: solid; border-width: 1px 1px 0px 1px; padding: 0px 10px; margin: 10px 4% 0px 4%; color: #ffffff; height: 35px; }

.bodynav div { display:inline-block; }

.bodynav ul li a,.bodynav ul li span { color:#FFFFFF; display:block; padding:12px 15px 10px; text-decoration:none; }
.bodynav ul li a:visited { color:#FFFFFF; }
.bodynav ul li a:hover, .bodynav ul li span:hover { background: transparent url('menutop_hover.jpg') no-repeat scroll center bottom; }


.bodymain { background-color: #ffffff; margin: 0px 4% 10px 4%; padding: 10px; min-height: 500px; }
.bodyfoot1 { background-color: #ffffff; border: 2px solid #cfd3d4; margin: 10px 4% 20px 4%; padding: 5px; font-size: 11px; font-family: Tahoma, Calibri; }
.bodyfoot2 { background-color: #c1c5c8; height: 17px; border-color: #dfe0e4; border-width: 1px 0px 0px 0px; border-style: solid; background-image: url('bodyhead1bg.png'); }

h1 { color: #2d2d2d; font-family: Arial,Helvetica,sans-serif; font-size: 20px; background-color: #f1f1f1; padding: 10px; margin: 0px; }
h2 { color: #2d2d2d; font-family: Arial,Helvetica,sans-serif; font-size: 17px; padding: 10px 0px; margin: 0px; }

.program-error { border: #ff6060 solid 1px; background-color: #ffffff; color: #000000; font-weight: bold; padding: 5px; }

.textblock { padding: 5px; border: 1px solid #e0e0e0; }
.textblock h2 { padding: 5px 0px; font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: #2d2d2d; }

.thinner { max-width: 900px; margin: 0px auto; }

input { border: 1px solid #808080; }
textarea { border: 1px solid #808080; }
table.wborder {border: 1px solid #c0c0c0; }

div.designs-list { border: 1px solid #e0e0e0; padding: 5px; }
div.designs-list div.item { float: left; width: 200px; margin: 0px 20px 20px 0px; }
div.designs-list div.item img { width: 200px; height: 150px; }
div.designs-list div.item div.name { font-weight: bold; text-align: center; }


.widgetEditor {}
.widgetEditor .we-rightCol { float: right; width: 300px; border: 1px solid #c0c0c0; padding: 3px; }
.widgetEditor .we-main { margin-right: 330px; } 
.widgetEditor .we-main .container { border: 1px solid #c0c0c0; padding: 3px; margin: 5px 0px; }

.widgetEditor .container .widgets { width: 200px; }
.widgetEditor .container .widgets .widget { height: 70px; margin: 3px; }
.widgetEditor .container .widgets .widget .header { padding: 3px; cursor: move ; }
.widgetEditor .container .widgets .widget .content { padding: 3px; }

.widgets .placeholder { background-color: #ffdca6; height: 40px; }
.widgets .buttons { display: block; float: right; margin: 3px 0px 0px 0px; }
.widgets .buttons span { cursor: pointer; margin-right: 5px; color: #4040ff; }


.we-optionsEditor {}
.we-optionsEditor .param { border-style: solid; border-color: #c0c0c0; border-width: 0px 0px 1px 0px; clear: both; }
.we-optionsEditor .param .name { float: left; width: 110px; overflow: hidden; padding-top: 4px; border-color: #c0c0c0; border-width: 0px 1px 0px 0px; border-style: dotted; white-space: nowrap; min-height: 22px; }
.we-optionsEditor .param .isTmpl { float: left; width: 25px; overflow: hidden; padding-top: 4px; border-color: #c0c0c0; border-width: 0px 1px 0px 0px; border-style: dotted; white-space: nowrap; min-height: 22px; }
.we-optionsEditor .param .enabled { float: left; width: 25px; overflow: hidden; padding-top: 4px; border-color: #c0c0c0; border-width: 0px 1px 0px 0px; border-style: dotted; white-space: nowrap; min-height: 22px; }
.we-optionsEditor .param .value { margin-left: 165px; min-height: 22px; }
.we-optionsEditor .param .name .question { background-image: url('question.png'); background-repeat: no-repeat; width: 18px; height: 18px; float: left; margin-right: 3px; cursor: pointer; }
.we-optionsEditor .param .name .questionA { background-image: url('questionA.png'); }
.we-optionsEditor .param .value select { width: 100%; }

.we-optionsEditor {  }

.we-optionsEditor .header-name { font-size: 16px; font-weight: bold; padding: 0px 0px 5px 0px; }
.we-optionsEditor .sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.we-optionsEditor .sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.we-optionsEditor .sortable li span.icon { position: absolute; margin-left: -1.3em; }
.we-optionsEditor .sortable li span.button { font-weight: bold; cursor: pointer; color: #4040ff; font-size: 14px; font-weight: normal; }


.helpwindow { display: none; }
.helpwindow .title { font-weight: bold; color: #222222; font-size: 15px; }
.helpwindow .name { font-weight: bold; }
.helpwindow .description { line-height: 1.5; }



.pages-list-widget { width: 550px; padding: 0px 10px 0px 0px; border-right: 1px solid #c0c0c0; float:left; margin-right: 10px; }
.pages-list-widget .pages-list {  padding: 7px 0px 7px 10px; list-style-type: none; }
.pages-list-widget .pages-list .item { padding: 7px 7px 7px 25px; margin-bottom: 3px; background-image: url('/shared/adminpanel/sortable.png'); background-repeat: no-repeat; background-position: 3px 14px; cursor: move; }

.pages-list-widget .pages-list .item-0 { background-color: #f7f9ff; border: 1px solid #c6d4ff; }
.pages-list-widget .pages-list .item-1 { background-color: #f0f4ff; border: 1px solid #bfcfff; }
.pages-list-widget .pages-list .item-2 { background-color: #e9efff; border: 1px solid #b8caff; }
.pages-list-widget .pages-list .item-3 { background-color: #e2e9ff; border: 1px solid #b0c4ff; }
.pages-list-widget .pages-list .item-4 { background-color: #dbe4ff; border: 1px solid #a9bfff; }
.pages-list-widget .pages-list .item-5 { background-color: #d4dfff; border: 1px solid #a2baff; }
.pages-list-widget .pages-list .item-6 { background-color: #cdd9ff; border: 1px solid #9bb4ff; }

.pages-list .item a { color: #4040ff; }

.pages-edit-links { float: left; width: 400px; }

.af-col1-body { width: 49%; float: left; }
.af-col2-body { width: 49%; float: left; }





.b { font-weight: bold; }
.c { text-align: center; }
.r { text-align: right; }

